VS Code [대구AI스쿨] 21.08.17 개발일지 ★ 작성코드 ● latter-spacing : 글자간의 간격 조정 예시) ※ 글자간의 간격을 0.8px만큼 좁힘 ● audio-container에서 overflow: hidden을 사용하지 못하는 경우 오늘의 오디오클립에서 방향 버튼을 표시하려고 할 때, container에 overflow: hidden이 적용되어 있으면 아래와 같은 결과가 나옴 방향 버튼이 정상적으로 위로 표현되게 하기 위... 대구AI스쿨VS CodeCSS네이버audio-clip 카피캣htmlCSS [대구AI스쿨] 21.08.26 개발일지 ★ 작성코드 ● 유튜브 왼쪽 메뉴 영역 공간 만들기 유튜브 왼쪽 메뉴 영역에서 스크롤바가 content 영역을 침범하지 않게 하기위해 구역을 하나 더 추가함 왼쪽 메뉴 전체 영역의 width 값(240px)에서 스크롤바 생성 크기를 제외한 값을 content 영역의 width 값(225px)으로 설정함 예시) ● 결과 스크린샷 특별히 어려웠던 내용은 없었습니다. 강의 내용을 듣고, 코드를 작... 대구AI스쿨Youtube 카피캣VS CodeCSShtmlCSS [대구AI스쿨] 21.07.27 개발일지 ★ 작성코드 ● 결과 스크린 샷 ● Hex color 값을 RGB color 값으로 변환하기 변환 사이트 참고: ※ 위와 같은 사이트에서 hex color값을 입력하면 RGB color값으로 변환해줌 ● 결과 스크린 샷(핫토픽 영역) ● <em> 태그 – 강조된 텍스트를 표현할 때 사용함 예시) ● { letter-spacing } – 글자간 좌우 간격 예시) { letter-spacing:... 대구AI스쿨VS CodeCSS네이버 블로그 카피캣htmlCSS [대구AI스쿨] 21.08.25 개발일지 ★ 작성코드 1) Reset CSS ● CSS 작성시, 전부 초기화하는 내용을 작성해놓은 코드 – 원래 html 태그가 가지고 있는 고유의 CSS를 초기화시킴 링크 : ※ 링크 코드 내용 복사하여 reset.css에 붙여넣기 ● 코드 작성(캐스케이딩 효과) 2) 노멀라이즈 CSS(normalize css) - 실무 사용비중은 조금 높지만, 작업 환경에 따라 다름 ● 기존의 디자인을 약간의 가... CSS대구AI스쿨VS CodehtmlCSS [대구AI스쿨] JavaScript 개발일지 -4- 1) 버튼을 클릭했을 때, 배경을 바꾸는 기능 개선하기 버튼을 클릭했을 때, 임의의 헥사코드값으로 배경색에 변하면서 화면에 배경색의 헥사코드값이 출력되도록 함 ◆ for문 작동 스크린샷 ◆ 결과 스크린샷 ● addEventListener( , )의 2번째로 인수로 전달한 함수 자체를 변형하기 ◆ 결과 스크린샷 ◆ 결과 스크린샷 2 2) input 태그를 사용하여, 입력한 글자를 화면에 출력하... JavaScript대구AI스쿨VS CodeJavaScript [대구AI스쿨] 21.08.05 개발일지 ★ 작성코드 ● css in js : 자바 스크립트를 기반으로 하여 css를 적용하는 방법 ● box-shadow : 영역에 그림자를 넣는 속성 참고 사이트 : ● 검색창 테두리에 radius 효과 나타내기 [html] [css] 위의 상태에서는 input과 button의 영역으로 인해 테두리의 radius 효과가 보이지 않음 효과를 표현하기 위해 search-wrap { }에 overflo... 네이버게임 카피캣대구AI스쿨VS CodeCSShtmlCSS [fluter flavorize] 폭발 속도로 Flavor를 설정하는 방법. 최근에는 다음 URL 설명의 Flavor 가 대응하고 있습니다. 특별한 이유 없이 송촌 선생이 해설한 기사를 토대로 플라보의 설정을 하는 게 좋다. flutter_flavorizr를 사용하고 싶다면 이 글을 참고할 수 있다고 생각합니다. 터미널을 열고 통합 Flutter 프로젝트의 폴더로 이동 ※ "development"폴더에서 Fluter 프로젝트 요약 다음 명령을 사용하여 Flutter ... FlutterVS CodeDartflavorflavorizrtech [Next.js] 여러 사람이 개발한 Preettier의 설정 단계 노트 여러 사람이 함께 넥스트.js에서 개발할 때 ESlint 및 Preettier 설정을 공유하는 방법 문서화 VScode의 확장 기능에서 ES Line 설치 Next.js에 기본적으로 탑재된 ESLight에서 lint 명령의 대상 디렉터리는 pages lib components 상기 세 개의 디렉터리를 src 디렉터리 아래로 옮기기 (임의의 이름) lint의 대상 목표를 src 디렉터리로 변경... Next.jsVS CodeESLintPrettiertech TypeScript(및 VScode의 REST Client)에서 multiper/form-data 데이터 수신 Type Script Post 파일로 그걸 받아들이는 방법을 잘 몰라서 조사하면서 시행했습니다.HTTP가 발송multipart/form-data했을 때boundary에 대한 이해도 조금 깊어졌기 때문에 기록한 것이다. 백엔드 코드와 프런트엔드 코드 및 테스트용 VSCODE의 REST 클라이언트 코드를 정리합니다. 이런 느낌으로 접수, 처리. 받은 파일을 메모리에 저장하려고 하기 때문에 sto... Node.jsTypeScriptVS CodeaxiosExpresstech 텍스트 교정군의 일본어 교정 사전을 자신의 색깔로 바꾸다 VSCode機能拡張版テキスト校正くん의 일본어 교정 사전을 수정하여 자신의 색깔로 바꾸다. 설정에서 선택을 취소하면 다른 용어를 교정할 수 없는 문제를 해결하는 데 사용됩니다. (예)VS Code희망VSCode.그러나 Japanese-proofreading › Textlint: 技術用語(또는 settings.json의 상응하는 부분)에 대한 검사Github를 취소하면 파선이 생기지 않습니다.(... VS Code텍스트 교정군idea VScode 사용 Commitizennpm 패키지를 사용하면 대화에서 제출 정보를 만들 수 있습니다. 이번엔 명령이 아닌 VS 코드의 사이드바에서 할 수 있어서 그쪽 공유입니다. (npm 가져오는 방법에 대해 여러 편의 글이 있으니 참고하세요.Commitizen에 대한 상세한 내용은 이 기사에서 생략할 수 있도록 허락해 주십시오.) 확장 기능이 설치되어 있으면 입력command + shift + p에 메뉴 항... GitVS CodetechVS 코드 확장 기능 VScode를 사용하여 프로젝트 설정 파일 준비 Visual Studio Code(이하 vscode)의 설정은 사용자 설정과 작업공간 설정 두 가지가 있습니다. 사용자 설정 작업공간 설정 각 작업공간 설정 가능 작업공간 설정의 사용 상황은 프로젝트에 참가한 모든 사람에게 같은 설정을 실시하고 싶을 때 유효하다 또한 작업공간 설정이 사용자 설정보다 우선 순위가 있음 작업공간을 설정하는 방법만 나열됩니다. wsl (ubuntu) 을 사용하여 ... VS Codetech
[대구AI스쿨] 21.08.17 개발일지 ★ 작성코드 ● latter-spacing : 글자간의 간격 조정 예시) ※ 글자간의 간격을 0.8px만큼 좁힘 ● audio-container에서 overflow: hidden을 사용하지 못하는 경우 오늘의 오디오클립에서 방향 버튼을 표시하려고 할 때, container에 overflow: hidden이 적용되어 있으면 아래와 같은 결과가 나옴 방향 버튼이 정상적으로 위로 표현되게 하기 위... 대구AI스쿨VS CodeCSS네이버audio-clip 카피캣htmlCSS [대구AI스쿨] 21.08.26 개발일지 ★ 작성코드 ● 유튜브 왼쪽 메뉴 영역 공간 만들기 유튜브 왼쪽 메뉴 영역에서 스크롤바가 content 영역을 침범하지 않게 하기위해 구역을 하나 더 추가함 왼쪽 메뉴 전체 영역의 width 값(240px)에서 스크롤바 생성 크기를 제외한 값을 content 영역의 width 값(225px)으로 설정함 예시) ● 결과 스크린샷 특별히 어려웠던 내용은 없었습니다. 강의 내용을 듣고, 코드를 작... 대구AI스쿨Youtube 카피캣VS CodeCSShtmlCSS [대구AI스쿨] 21.07.27 개발일지 ★ 작성코드 ● 결과 스크린 샷 ● Hex color 값을 RGB color 값으로 변환하기 변환 사이트 참고: ※ 위와 같은 사이트에서 hex color값을 입력하면 RGB color값으로 변환해줌 ● 결과 스크린 샷(핫토픽 영역) ● <em> 태그 – 강조된 텍스트를 표현할 때 사용함 예시) ● { letter-spacing } – 글자간 좌우 간격 예시) { letter-spacing:... 대구AI스쿨VS CodeCSS네이버 블로그 카피캣htmlCSS [대구AI스쿨] 21.08.25 개발일지 ★ 작성코드 1) Reset CSS ● CSS 작성시, 전부 초기화하는 내용을 작성해놓은 코드 – 원래 html 태그가 가지고 있는 고유의 CSS를 초기화시킴 링크 : ※ 링크 코드 내용 복사하여 reset.css에 붙여넣기 ● 코드 작성(캐스케이딩 효과) 2) 노멀라이즈 CSS(normalize css) - 실무 사용비중은 조금 높지만, 작업 환경에 따라 다름 ● 기존의 디자인을 약간의 가... CSS대구AI스쿨VS CodehtmlCSS [대구AI스쿨] JavaScript 개발일지 -4- 1) 버튼을 클릭했을 때, 배경을 바꾸는 기능 개선하기 버튼을 클릭했을 때, 임의의 헥사코드값으로 배경색에 변하면서 화면에 배경색의 헥사코드값이 출력되도록 함 ◆ for문 작동 스크린샷 ◆ 결과 스크린샷 ● addEventListener( , )의 2번째로 인수로 전달한 함수 자체를 변형하기 ◆ 결과 스크린샷 ◆ 결과 스크린샷 2 2) input 태그를 사용하여, 입력한 글자를 화면에 출력하... JavaScript대구AI스쿨VS CodeJavaScript [대구AI스쿨] 21.08.05 개발일지 ★ 작성코드 ● css in js : 자바 스크립트를 기반으로 하여 css를 적용하는 방법 ● box-shadow : 영역에 그림자를 넣는 속성 참고 사이트 : ● 검색창 테두리에 radius 효과 나타내기 [html] [css] 위의 상태에서는 input과 button의 영역으로 인해 테두리의 radius 효과가 보이지 않음 효과를 표현하기 위해 search-wrap { }에 overflo... 네이버게임 카피캣대구AI스쿨VS CodeCSShtmlCSS [fluter flavorize] 폭발 속도로 Flavor를 설정하는 방법. 최근에는 다음 URL 설명의 Flavor 가 대응하고 있습니다. 특별한 이유 없이 송촌 선생이 해설한 기사를 토대로 플라보의 설정을 하는 게 좋다. flutter_flavorizr를 사용하고 싶다면 이 글을 참고할 수 있다고 생각합니다. 터미널을 열고 통합 Flutter 프로젝트의 폴더로 이동 ※ "development"폴더에서 Fluter 프로젝트 요약 다음 명령을 사용하여 Flutter ... FlutterVS CodeDartflavorflavorizrtech [Next.js] 여러 사람이 개발한 Preettier의 설정 단계 노트 여러 사람이 함께 넥스트.js에서 개발할 때 ESlint 및 Preettier 설정을 공유하는 방법 문서화 VScode의 확장 기능에서 ES Line 설치 Next.js에 기본적으로 탑재된 ESLight에서 lint 명령의 대상 디렉터리는 pages lib components 상기 세 개의 디렉터리를 src 디렉터리 아래로 옮기기 (임의의 이름) lint의 대상 목표를 src 디렉터리로 변경... Next.jsVS CodeESLintPrettiertech TypeScript(및 VScode의 REST Client)에서 multiper/form-data 데이터 수신 Type Script Post 파일로 그걸 받아들이는 방법을 잘 몰라서 조사하면서 시행했습니다.HTTP가 발송multipart/form-data했을 때boundary에 대한 이해도 조금 깊어졌기 때문에 기록한 것이다. 백엔드 코드와 프런트엔드 코드 및 테스트용 VSCODE의 REST 클라이언트 코드를 정리합니다. 이런 느낌으로 접수, 처리. 받은 파일을 메모리에 저장하려고 하기 때문에 sto... Node.jsTypeScriptVS CodeaxiosExpresstech 텍스트 교정군의 일본어 교정 사전을 자신의 색깔로 바꾸다 VSCode機能拡張版テキスト校正くん의 일본어 교정 사전을 수정하여 자신의 색깔로 바꾸다. 설정에서 선택을 취소하면 다른 용어를 교정할 수 없는 문제를 해결하는 데 사용됩니다. (예)VS Code희망VSCode.그러나 Japanese-proofreading › Textlint: 技術用語(또는 settings.json의 상응하는 부분)에 대한 검사Github를 취소하면 파선이 생기지 않습니다.(... VS Code텍스트 교정군idea VScode 사용 Commitizennpm 패키지를 사용하면 대화에서 제출 정보를 만들 수 있습니다. 이번엔 명령이 아닌 VS 코드의 사이드바에서 할 수 있어서 그쪽 공유입니다. (npm 가져오는 방법에 대해 여러 편의 글이 있으니 참고하세요.Commitizen에 대한 상세한 내용은 이 기사에서 생략할 수 있도록 허락해 주십시오.) 확장 기능이 설치되어 있으면 입력command + shift + p에 메뉴 항... GitVS CodetechVS 코드 확장 기능 VScode를 사용하여 프로젝트 설정 파일 준비 Visual Studio Code(이하 vscode)의 설정은 사용자 설정과 작업공간 설정 두 가지가 있습니다. 사용자 설정 작업공간 설정 각 작업공간 설정 가능 작업공간 설정의 사용 상황은 프로젝트에 참가한 모든 사람에게 같은 설정을 실시하고 싶을 때 유효하다 또한 작업공간 설정이 사용자 설정보다 우선 순위가 있음 작업공간을 설정하는 방법만 나열됩니다. wsl (ubuntu) 을 사용하여 ... VS Codetech